/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background-color: transparent
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,th {
	padding: 0
}
/*! reset.css */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0
}

iframe {
	display: block
}

ol,ul {
	list-style: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

input:required {
	border: none;
	box-shadow: none
}

input:valid {
	background-color: transparent;
	box-shadow: none
}

input:invalid {
	background-color: transparent;
	box-shadow: none
}

:focus {
	-moz-outline-style: none;
	outline: 0
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

html.digimon {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 245%;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

body {
	font-family: Arial,'Microsoft Yahei',STHeiti,sans-serif
}

@media screen and (max-height:400px) {
	html.digimon {
		font-size: 135%
	}

	.type-text ul.options li.selected p:after {
		top: 5px
	}
}

@media screen and (min-height:401px) and (max-height:480px) {
	html.digimon {
		font-size: 144%
	}

	.type-text ul.options li.selected p:after {
		top: 5px
	}
}

@media screen and (min-height:481px) and (max-height:565px) {
	html.digimon {
		font-size: 210%
	}

	.type-text ul.options li.selected p:after {
		top: 11px
	}
}

@media screen and (min-width:320px) and (max-width:359px) {
	#page-10 .question .text,#page-3 .question .text {
		max-width: 220px
	}

	#page-3 .question .text br {
		display: none
	}
}

.wrapper,html.digimon body {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	overflow: hidden;
	background: #f5f5f5
}

a:active,a:hover,a:link,a:visited {
	text-decoration: none;
	color: #000
}

img {
	max-width: 100%
}

.page {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	display: none
}

.page {
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: -webkit-transform .4s ease-in-out;
	-moz-transition: -moz-transform .4s ease-in-out;
	-ms-transition: -ms-transform .4s ease-in-out;
	transition: transform .4s ease-in-out
}

.page.active {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.page.aminated {
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.page:nth-child(1) {
	display: block
}

.page .main {
	margin: 12px;
	border: 1px solid #d6d6d6;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 3px;
	box-shadow: inset 0 1px 1px #fff,0 1px 2px rgba(0,0,0,.07);
	background: #fffcf6;
	padding: .55rem .65rem .825rem
}
#time-bar { 
	position: absolute;
	left: 0;
	right: 0;
	bottom:1.225rem;
	height: 1.125rem;
	z-index: 300;
	margin-left: 12px;
	margin: 12px auto;
	max-width: 640px;
}
.time { 
	padding-left: 10px;
	width: 134px;
	float: left;

}
.time_right { 
	width: 14px;
	height: 43px;
	float: right;
}
.time_left { 
	width: 30px;
	height: 35px;
	float: left;
}
.time_num { 
	width:75px; 
	height:40px;
	float:left; 
	text-align:center;
	font-size: 14.4px;
}
.time_num span { 
	font-size:0.4rem;
	line-height:42px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:400;
	color: rgba(81,63,51,.63);
}
.button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1.125rem;
	z-index: 300;
	margin-left: 12px;
	margin: 12px;
	border: 1px solid #5876bb;
	border-radius: 5px;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.2);
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#799ae2),to(#5f82d9));
	background-image: -webkit-linear-gradient(top,#799ae2 0,#5f82d9 100%);
	background-image: -moz-linear-gradient(top,#799ae2 0,#5f82d9 100%);
	background-image: linear-gradient(#799ae2,#5f82d9);
	color: #fff;
	text-align: center;
	line-height: 1.125rem;
	font-size: 15px;
	letter-spacing: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	opacity: 1;
	-webkit-transition: opacity 0s ease-in-out;
	-moz-transition: opacity 0s ease-in-out;
	-ms-transition: opacity 0s ease-in-out;
	transition: opacity 0s ease-in-out
}

.button:active {
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#5f82d9),to(#799ae2));
	background-image: -webkit-linear-gradient(top,#5f82d9 0,#799ae2 100%);
	background-image: -moz-linear-gradient(top,#5f82d9 0,#799ae2 100%);
	background-image: linear-gradient(#5f82d9,#799ae2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: opacity .02s ease-in-out;
	-moz-transition: opacity .02s ease-in-out;
	-ms-transition: opacity .02s ease-in-out;
	transition: opacity .02s ease-in-out
}

.button.disabled,.button.disabled:active {
	box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.2);
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#799ae2),to(#5f82d9));
	background-image: -webkit-linear-gradient(top,#799ae2 0,#5f82d9 100%);
	background-image: -moz-linear-gradient(top,#799ae2 0,#5f82d9 100%);
	background-image: linear-gradient(#799ae2,#5f82d9);
	opacity: .5
}

.button.disabled {
	-webkit-transition: opacity .2s .1s ease-in-out;
	-moz-transition: opacity .2s .1s ease-in-out;
	-ms-transition: opacity .2s .1s ease-in-out;
	transition: opacity .2s .1s ease-in-out
}

.button.disabled:active {
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	-ms-transition: opacity 0s;
	transition: opacity 0s
}

@media screen and (min-width:641px) {
	#page-share.page .content,.button,.page .main {
		max-width: 640px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto
	}
}

.page .question {
	margin-bottom: 15px;
	font-size: 12px
}

.page .question .num {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	margin-right: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 1.41666666666667;
	color: #fff;
	border-radius: 50%;
	background: #978b80;
	vertical-align: text-top
}

#page-7 .question .num {
	line-height: 1.5;
	text-indent: 1px
}

.page .question .text {
	overflow: hidden;
	display: block;
	font-size: 12px;
	line-height: 1.66666666667;
	color: #978b80;
	vertical-align: text-top
}

.options li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.options figure {
	position: relative;
	border: 1px solid #d8d5d0;
	border: 1px solid rgba(216,213,208,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
	margin-bottom: 8px;
	background: #fff;
	text-align: center
}

.options figure img {
	width: auto;
	display: block;
	margin: 0 auto
}

.type-1 .options li.selected figure,.type-2 .options li.selected figure {
	border-color: #678ad6
}

.type-1 .options li.selected figure:after,.type-2 .options li.selected figure:after {
	content: ' ';
	position: absolute;
	right: -9px;
	top: -9px;
	width: 19px;
	height: 19px;
	background: url(../images/option-select.png);
	-webkit-background-size: 100%;
	background-size: 100%
}

.type-2 .options p {
	text-align: center;
	font-size: 10px;
	color: #513f33;
	color: rgba(81,63,51,.63)
}

.type-2 .options li.selected p {
	color: #513f33
}

.type-2 .options li {
	float: left;
	width: 50%;
	margin-bottom: .2rem
}

.type-2 .options li:nth-child(1),.type-2 .options li:nth-child(4) {
	padding-right: 8px;
	float: left
}

.type-2 .options li:nth-child(2),.type-2 .options li:nth-child(5) {
	padding-left: 8px;
	float: right
}

.type-2 .options li:nth-child(4),.type-2 .options li:nth-child(5) {
	margin-bottom: 0
}

.type-text .options p {
	padding: .425rem 17px;
	color: #513f33;
	color: rgba(81,63,51,.63);
	border: 1px solid #d8d5d0;
	border: 1px solid rgba(216,213,208,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
	margin-bottom: 8px;
	background: #fff;
	line-height: 1;
	font-size: 12px
}

.type-text .options li.selected p {
	color: #513f33;
	position: relative;
	border-color: #678ad6
}

.type-text .options li.selected p:after {
	content: ' ';
	position: absolute;
	right: 11px;
	top: 13px;
	width: 19px;
	height: 19px;
	background: url(../images/option-select.png);
	-webkit-background-size: 100%;
	background-size: 100%
}


#page-not .main {
	padding: 2.3rem 0;
	position: relative
}

#page-not h3 {
	font-size: 15px;
	color: rgb(81,63,51,.65);
	color: rgba(81,63,51,.65);
	text-align: center;
	line-height: 1
}

.fox {
	position: absolute;
	right: -12px;
	bottom: -22px;
	width: 150px;
	height: 150px;
	-ms-transform: scale(.333333333);
	-moz-transform: scale(.333333333);
	-webkit-transform: scale(.333333333);
	-o-transform: scale(.333333333);
	transform: scale(.333333333);
	z-index: 30;
	background: url(../images/foxTail.png) no-repeat;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-background-size: 1024px 2048px;
	background-size: 1024px 2048px;
	background-position: 0 0
}

.fox.active {
	background-position: -750px -1350px;
	-webkit-animation: fox-animation 2s steps(1);
	animation: fox-animation 2s steps(1)
}

#page-share {
	font-size: 15px
}

.weixin-share {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 13px 0;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.2);
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#5a85e8),to(#4e7ae5));
	background-image: -webkit-linear-gradient(top,#5a85e8 0,#4e7ae5 100%);
	background-image: -moz-linear-gradient(top,#5a85e8 0,#4e7ae5 100%);
	background-image: linear-gradient(#5a85e8,#4e7ae5);
	font-size: 15px;
	line-height: 1;
	text-align: center;
	color: #fff
}

.weixin-share>span {
	display: inline-block;
	vertical-align: middle
}

.weixin-share .icon {
	margin-right: 9px;
	width: 22px;
	height: 22px;
	background: url("../images/weixin.png") no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%
}

.weixin-share .arrow {
	position: absolute;
	top: 5px;
	right: 28px;
	width: 25px;
	height: 24px;
	background: url("../images/weixin-arrow.png") no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%
}

#page-share .content {
	position: relative;
	margin: 0.5rem 1.2rem 0;
	border: 1px solid #d6d6d6;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.07);
	background: #fffcf6
}

#page-share .content .wrap {
	margin: 7px;
	padding-top: 46px;
	padding-bottom: 32px;
	border: 1px solid #e3e2de;
	border: 1px solid rgba(0,0,0,.02)
}

.share {
	opacity: 0;
	margin-top: .453rem;
	color: #a7a5a2;
	font-style: italic;
	text-align: center;
	line-height: 1;
	font-size: 14px;
	-webkit-transition: all .45s .4s ease-in-out;
	-moz-transition: all .45s .4s ease-in-out;
	-ms-transition: all .45s .4s ease-in-out;
	transition: all .45s .4s ease-in-out
}

.page.active .share {
	opacity: 1
}

.geek {
	opacity: 0;
	position: absolute;
	top: -8px;
	right: -21px;
	z-index: 18;
	width: 3.175rem;
	height: 3.275rem;
	min-width: 100px;
	min-height: 100px;
	background: url(../images/geek.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-transition: all .06s cubic-bezier(.22,.31,.51,1.46);
	-webkit-transition: all .06s cubic-bezier(.22,.31,.51,1.46);
	-o-transition: all .06s cubic-bezier(.22,.31,.51,1.46);
	transition: all .06s cubic-bezier(.22,.31,.51,1.46);
	-ms-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4)
}

.geek.active {
	opacity: 1;
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.score {
	text-align: center;
	position: relative
}

.score .text {
	position: relative;
	z-index: 17;
	display: inline-block;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 46px;
	line-height: 1;
	color: #d90606;
	text-align: center;
	background: #fffcf6
}

.score .line {
	position: absolute;
	top: 23px;
	left: 19px;
	right: 19px;
	height: 1px;
	background: #8d8177;
	-webkit-transform-origin: left bottom
}

#praise {
	margin: 18px 7px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6666666667;
	text-align: center;
	color:red;
}

#page-share h4 {
	margin: 40px 0 0;
	font-size: 12px;
	line-height: 1.666666666667;
	text-align: center
}

@media screen and (min-width:768px) and (orientation:portrait) {
	html.digimon {
		font-size: 367.5%
	}

	.page .question .text {
		font-size: 18px
	}

	.page .question .text br {
		display: none
	}

	.page .question .num {
		font-size: 18px;
		width: 24px;
		height: 24px;
		margin-top: 3px;
		margin-right: 8px
	}

	.button {
		font-size: 22px
	}

	.type-2 .options p {
		font-size: 15px
	}

	.type-text .options p {
		font-size: 18px;
		margin-bottom: 12px
	}

	.type-1 .options li.selected figure:after,.type-2 .options li.selected figure:after {
		right: -11px;
		top: -12px;
		width: 25px;
		height: 25px
	}

	.type-text ul.options li.selected p:after {
		top: 21px;
		width: 25px;
		height: 25px
	}

	#page-not h3 {
		font-size: 22.5px
	}

	.weixin-share {
		padding: 16px 0;
		font-size: 22.5px
	}

	.weixin-share .icon {
		margin-right: 13.5px;
		width: 33px;
		height: 33px
	}

	.weixin-share .arrow {
		top: 9px;
		width: 30px;
		height: 30px
	}

	.score .text {
		font-size: 69px;
		padding-left: 10.5px;
		padding-right: 10.5px
	}

	.score .line {
		top: 34px
	}

	#page-share .geek {
		top: -28px;
		right: -41px
	}

	#praise {
		margin: 45px 3px 0;
		font-size: 16px
	}

	#page-share h4 {
		margin: 40px 0 0;
		font-size: 16px
	}

	.fox {
		-ms-transform: scale(.5);
		-moz-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
		right: -18px;
		bottom: -33px
	}
}

@media screen and (min-width:768px) and (orientation:landscape) {
	html.digimon {
		font-size: 294%
	}

	.page .question .text {
		font-size: 14.4px
	}

	.page .question .text br {
		display: none
	}

	.page .question .num {
		font-size: 14.4px;
		width: 19px;
		height: 19px;
		margin-right: 6px;
		margin-top: 1px
	}

	.button {
		font-size: 14.4px
	}

	.type-2 .options p {
		font-size: 12px
	}

	.type-text .options p {
		font-size: 14.4px;
		margin-bottom: 10px
	}

	.type-1 .options li.selected figure:after,.type-2 .options li.selected figure:after {
		right: -11px;
		top: -12px;
		width: 25px;
		height: 25px
	}

	.type-text ul.options li.selected p:after {
		top: 18px
	}

	#page-not h3 {
		font-size: 14.4px
	}

	.weixin-share {
		padding: 16px 0;
		font-size: 18px
	}

	.weixin-share .icon {
		margin-right: 10.8px;
		width: 26px;
		height: 26px
	}

	.weixin-share .arrow {
		top: 9px;
		width: 24px;
		height: 24px
	}

	.score .text {
		font-size: 69px;
		padding-left: 10.5px;
		padding-right: 10.5px
	}

	.score .line {
		top: 34px
	}

	#page-share .geek {
		top: -28px;
		right: -41px
	}

	#praise {
		margin: 45px 3px 0;
		font-size: 16px
	}

	#page-share h4 {
		margin: 40px 0 0;
		font-size: 16px
	}

	.fox {
		-ms-transform: scale(.5);
		-moz-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
		right: -18px;
		bottom: -33px
	}
}

@-webkit-keyframes fox-animation {
	0% {
		background-position: 0 0
	}

	1% {
		background-position: -150px 0
	}

	2% {
		background-position: -300px 0
	}

	3% {
		background-position: -450px 0
	}

	4% {
		background-position: -600px 0
	}

	5% {
		background-position: -750px 0
	}

	6% {
		background-position: 0 -150px
	}

	7% {
		background-position: -150px -150px
	}

	8% {
		background-position: -300px -150px
	}

	9% {
		background-position: -450px -150px
	}

	10% {
		background-position: -600px -150px
	}

	11% {
		background-position: -750 -150px
	}

	12% {
		background-position: 0 -300px
	}

	13% {
		background-position: -150px -300px
	}

	14% {
		background-position: -300px -300px
	}

	15% {
		background-position: -450px -300px
	}

	16% {
		background-position: -600px -300px
	}

	17% {
		background-position: -750px -300px
	}

	18% {
		background-position: 0 -450px
	}

	19% {
		background-position: -150px -450px
	}

	20% {
		background-position: -300px -450px
	}

	21% {
		background-position: -450px -450px
	}

	22% {
		background-position: -600px -450px
	}

	23% {
		background-position: -750px -450px
	}

	24% {
		background-position: 0 -600px
	}

	25% {
		background-position: -150px -600px
	}

	26% {
		background-position: -300px -600px
	}

	27% {
		background-position: -450px -600px
	}

	28% {
		background-position: -600px -600px
	}

	29% {
		background-position: -750px -600px
	}

	30% {
		background-position: 0 -750px
	}

	31% {
		background-position: -150px -750px
	}

	32% {
		background-position: -300px -750px
	}

	33% {
		background-position: -450px -750px
	}

	34% {
		background-position: -600px -750px
	}

	35% {
		background-position: -750px -750px
	}

	36% {
		background-position: 0 -900px
	}

	37% {
		background-position: -150px -900px
	}

	38% {
		background-position: -300px -900px
	}

	39% {
		background-position: -450px -900px
	}

	79% {
		background-position: -450px -900px
	}

	80% {
		background-position: -600px -900px
	}

	81% {
		background-position: -750px -900px
	}

	82% {
		background-position: 0 -1050px
	}

	82% {
		background-position: -150px -1050px
	}

	83% {
		background-position: -300px -1050px
	}

	84% {
		background-position: -450px -1050px
	}

	85% {
		background-position: -600px -1050px
	}

	85% {
		background-position: -600px -1050px
	}

	87% {
		background-position: -750px -1050px
	}

	88% {
		background-position: 0 -1200px
	}

	89% {
		background-position: -150px -1200px
	}

	90% {
		background-position: -300px -1200px
	}

	91% {
		background-position: -450px -1200px
	}

	92% {
		background-position: -600px -1200px
	}

	93% {
		background-position: -750px -1200px
	}

	94% {
		background-position: 0 -1350px
	}

	95% {
		background-position: -150px -1350px
	}

	96% {
		background-position: -300px -1350px
	}

	97% {
		background-position: -450px -1350px
	}

	98% {
		background-position: -600px -1350px
	}

	99% {
		background-position: -750px -1350px
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2.0),only screen and (min--moz-device-pixel-ratio:2.0),only screen and (-o-min-device-pixel-ratio:200/100),only screen and (min-device-pixel-ratio:2.0) {
	.score .line {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min--moz-device-pixel-ratio:2.5),only screen and (-o-min-device-pixel-ratio:250/100),only screen and (min-device-pixel-ratio:2.5) {
	.score .line {
		-webkit-transform: scaleY(.33333334);
		transform: scaleY(.33333334)
	}
}
.headimg img{display: table-cell;margin:-40px auto 0;width:50px;border-radius:50px;}
.rank table{box-sizing: border-box;width:95%;padding:5px;margin:7px;border: 1px solid rgba(0, 0, 0, 0.02)}
.rank table tr td img{width:35px;border-radius:35px;}
.rank table tr th{margin-top:5px;line-height:18px;}
.rank table tr{margin:5px;}
.rank table tr td img{margin-left:10px;}
.rank table tr th{text-align: center;font-size: 14px;font-weight:bold;}
.adv{position:absolute;bottom:0;left:0;width:100%;height:50px;overflow: hidden;}
.adv a img {width:100%;height: 50px;z-index: 100;}
